//修改之后执行 run css:build 将其编译成css

.dict-text-tag-basic  {
  background-color: #e8f4ff;
  border-color: #d1e9ff;
  color: #1890ff;
  display: inline-block;
  height: 32px;
  padding: 0 10px;
  line-height: 30px;
  font-size: 12px;
  color: #1890ff;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;

  margin-right: 0px;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;

  height: 20px;
  padding: 0 5px;
  line-height: 19px;
}


.dict-text-tag-primary{
  @extend .dict-text-tag-basic;
  background-color: #e8f4ff;
  border-color: #d1e9ff;
  color: #1890ff;
}

.dict-text-tag-success{
  @extend .dict-text-tag-basic;
  background-color: #e7faf0;
  border-color: #d0f5e0;
  color: #13ce66;
}
.dict-text-tag-danger{
  @extend .dict-text-tag-basic;
  background-color: #ffeded;
  border-color: #ffdbdb;
  color: #ff4949;
}

.dict-text-tag-warning{
  @extend .dict-text-tag-basic;
  background-color: #fff8e6;
  border-color: #fff1cc;
  color: #ffba00;
}
.dict-text-tag-info{
  @extend .dict-text-tag-basic;
  background-color: #f4f4f5;
  border-color: #e9e9eb;
  color: #909399;
}




/* button color start */
.el-button--cyan.is-active,
.el-button--cyan:active {
  background: #20B2AA;
  border-color: #20B2AA;
  color: #FFFFFF;
}

.el-button--cyan:focus,
.el-button--cyan:hover {
  background: #48D1CC;
  border-color: #48D1CC;
  color: #FFFFFF;
}

.el-button--cyan {
  background-color: #20B2AA;
  border-color: #20B2AA;
  color: #FFFFFF;
}
/* button color end */
